* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0vh;
	margin: 0vh;
}

body {
	background-color: black;
	color: #fff;
}

.main {
	margin: 0vh;
	padding: 0vh;
	width: 100%;
	position: relative;
	display: flex;
	justify-content: center;
}

.left {
	background-color: rgb(7, 17, 25);
	position: relative;
	height: 100vh;
	width: 25vw;
	transition: width 0.5s;
	overflow: hidden;
}

.right {
	position: relative;
	height: 100vh;
	width: calc(75vw - 17px);
}

.head {
	background-color: rgb(11, 23, 35);
	height: 9vh;
	display: flex;
	align-items: center;
}

.img_container {
	background-color: rgb(34, 45, 57);
	height: 91vh;
	display: flex;
	justify-content: center;
	align-items: center;
}

#img {
	border-radius: 0.3125rem;
	width: 95%;
}


.bat {
	position: absolute;
	right: 1vw;
}

#battary_container {
	width: 4vw;
	height: 4vh;
	border: 0.2vw solid white;
}

#battery_level {
	width: 0%;
	height: 100%;
	background-color: green;
	transition: width 0.5s;
}

#battery_value {
	font-feature-settings: "liga"0;
	font-size: 2vw;
	font-family: fantasy;
}

#header_img {
	border-radius: 50%;
	padding: 0.5vw;
}

#drone {
	height: 6vh;
}

#Slogan {
	font-weight: 700;
	font-size: 2vw;
}

.collapsed {
	width: 0;
	transition: width 0.5s;
}

.left.collapsed table {
	display: none;
}

#toggle_btn {
	background-color: rgb(48, 210, 233);
	color: rgb(7, 17, 25);
	width: 5vh;
	height: 5vh;
	font-weight: 800;
	border-radius: 50%;
}

.button_wrapper {
	position: absolute;
	left: -2.5vw;
	top: 50%;
	transform: translateY(-50%) translateX(50%);
}

.collapsed #toggle_btn {
	left: 0;
}

.a,
.b,
.c,
.d,
.e {
	width: 100%;
	height: 13vh;
    font-size: 1.25vw;
	align-items: center;
}

td {
	width: 9vw;
}

.bat td{
    width:100%
}

#cmd_log {
	margin-top: 5vh;
	margin-left: 1vw;
	font-size: 0.95vw;
	overflow-y: scroll;
	width: 23vw;
	height: 25vh;
}

#cmd_log::-webkit-scrollbar-track {
	background-color: transparent !important;
}

#cmd_log::-webkit-scrollbar {
	width: 5px;
}

#cmd_log::-webkit-scrollbar-thumb {
	background-color: rgb(98, 108, 118);
	border-radius: 2px;
}

.left.collapsed #cmd_log {
	display: none;
}
